<template>
    <div>
        <el-dialog top="5%" title="新增" v-model="editFormVisible" :close-on-click-modal="false">
            <el-form ref="form" :model="form" :rules="rules" label-width="110px">

                <el-popover
                        ref="popoverCust"
                        placement="bottom-start"
                        trigger="hover"
                        v-model="vRepeat"
                        @show="repeatShow"
                        @hide="repeatHide"
                >
                    <div v-html="repeatContent">
                    </div>
                </el-popover>

                <el-form-item label="客户名称" prop="FName">
                    <el-input @change="FNameChange" v-popover:popoverCust v-model="form.FName"></el-input>
                </el-form-item>

                <el-form-item label="法人代表">
                    <el-input v-model="form.FCorporation"></el-input>
                </el-form-item>
                <el-form-item label="客户类别"  prop="FGrade">
                    <sy-select v-model="form.FGrade"  valueKey="FName"
                               optionData="server/system/SetType.ashx?cmd=GetOptions&FType=6">
                    </sy-select>
                </el-form-item>
                <el-form-item label="是否申报成功">
                    <el-radio-group v-model="form.FGrade_1">
                        <el-radio label="是"></el-radio>
                        <el-radio label="否"></el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否已签单">
                    <el-radio-group v-model="form.FGrade_2">
                        <el-radio label="是"></el-radio>
                        <el-radio label="否"></el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否黑名单">
                    <el-radio-group v-model="form.FGrade_3">
                        <el-radio label="是"></el-radio>
                        <el-radio label="否"></el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="意向客户类别"  prop="FGradeYX">
                    <sy-select v-model="form.FGradeYX"  valueKey="FName"
                               optionData="server/system/SetType.ashx?cmd=GetOptions&FType=7">
                    </sy-select>
                </el-form-item>
                <el-form-item label="所属行业"  prop="FIndustry">
                    <el-select filterable  v-model="form.FIndustry" placeholder="请选择" style="width: 92%">
                        <el-option v-for="item in industrys" :label="item" :value="item"></el-option>
                    </el-select>
                   <img @click="help" src="../../assets/help.png" style="cursor: pointer">
                </el-form-item>
                <el-form-item label="是否万家企业">
                    <el-radio-group v-model="form.F10000">
                        <el-radio label="是"></el-radio>
                        <el-radio label="否"></el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="是否高耗能企业">
                    <el-radio-group v-model="form.FHeightEnergy">
                        <el-radio label="是"></el-radio>
                        <el-radio label="否"></el-radio>
                    </el-radio-group>
                </el-form-item>
                <el-form-item label="省份">
                    <sy-select v-model="form.FProviceID"
                               optionData="server/system/System.ashx?cmd=GetArea&pid=0">
                    </sy-select>
                </el-form-item>
                <el-form-item label="城市">
                    <sy-select v-model="form.FCityID"
                               :optionData="'server/system/System.ashx?cmd=GetArea&pid='+form.FProviceID">
                    </sy-select>
                </el-form-item>
                <el-form-item label="地址">
                    <el-input v-model="form.FAddress"></el-input>
                </el-form-item>
                <el-form-item label="备注">
                    <el-input type="textarea" v-model="form.FNote"></el-input>
                </el-form-item>
                <el-form-item label="公司简介">
                    <el-input  :autosize="{ minRows: 2}" type="textarea" v-model="form.FDesc"></el-input>
                </el-form-item>
                <el-form-item label="归属业务员">
                    <sy-select :disabled="!isAdmin" v-model="form.FUserID"
                               optionData="server/system/User.ashx?cmd=GetUserOptions">
                    </sy-select>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click.native="editFormVisible = false">取 消</el-button>
                <el-button v-if="authEdit" type="primary" @click="save" :loading="loading">保存</el-button>
            </div>
      </el-dialog>
      <el-dialog top="5%" title="行业帮助" v-model="vHelp" :close-on-click-modal="false">
          <div>
              工程咨询31个专业所包括的内容明确如下：<br>
    （1）火电（发送变电、供配电）；<br>
    （2）煤炭（矿井、洗选煤、煤化工）；<br>
    （3）石油天然气（油气地面、海洋石油、管道输送、油气库）；<br>
    （4）石化；<br>
    （5）化工、医药（化工工程、产品储运、矿山；化学原料药、中成药、药物制剂）；<br>
    （6）建筑材料（水泥工程、玻璃、陶瓷、耐火材料、新型建材、非金属矿）；<br>
    （7）机械（含航天、航空、船舶、兵器、汽车）；<br>
    （8）电子（电子系统、基础件、微电子工程）；<br>
    （9）轻工（造纸、食品、烟草、制糖、制盐、日用化工、家电、皮革、包装工业等）；<br>
    （10）纺织、化纤（纺织、印染、服装；化纤原料、化纤工程）；<br>
    （11）钢铁（冶炼、轧钢、金属材料、焦化和耐火材料、矿山）；<br>
    （12）有色冶金（有色、黄金、冶炼、金属材料、焦化和耐火材料、矿山）；<br>
    （13）农业（种植业、畜牧业、渔业、设施农业）；<br>
    （14）林业（营造林、林产工业、林产化学、生态环境、森林工程）；<br>
    （15）通信信息（有线通信、无线通信、通信铁塔、邮政工程、信息化）；<br>
    （16）广播电影电视（广播电视发射、传输、电影工程）；<br>
    （17）水文地质、工程测量、岩土工程；<br>
    （18）水利工程（水库枢纽、引调水、灌溉排涝、河道整治、水土保持、城市防洪、围垦工程）；<br>
    （19）港口河海工程（港口、航道、通航建筑、水上交通）；<br>
    （20）生态建设和环境工程（生态建设；水污染防治、大气污染防治、固体废物处置、噪声防治、污染修复工程）；<br>
    （21）市政公用工程（市政交通、给排水、燃气热力、风景园林、环境卫生）；<br>
    （22）建筑（含人防工程）；<br>
    （23）城市规划；<br>
    （24）综合经济；<br>
    （25）公路（道路、桥隧、交通工程）；<br>
    （26）铁路（轨道、枢纽、桥隧、通信信号）；<br>
    （27）城市轨道交通（轨道、枢纽、桥隧、通信信号）；<br>
    （28）民航（场道、通信、导航、航管、供油工程）；<br>
    （29）水电（发送变电）；<br>
    （30）核电、核工业（核电站常规岛；反应堆、核燃料等）；<br>
     （31）其他（按具体专业申请，比如：旅游工程、商物粮、气象工程、国土资源、土地整理、减贫工程、移民工程、海洋工程、新能源等）。<br>

<br>
          </div>
      </el-dialog>
    </div>
</template>

<script>
    import util from '../../common/util'
    export default {
        data() {
            return {
                isAdmin:(global.user.FID==-1),
                vRepeat:false,
                vHelp:false,
                authEdit:false,
                form: {},
                rules: {
                    FName: [{required: true,message: '请输入客户名称', trigger: 'blur'}]
                },
                loading:false,
                loadingRepeat:false,
                repeatContent:"",
                editFormVisible:false,
                industrys:["火电","煤炭", "石油天然气","石化","化工、医药","建筑材料","机械","电子","轻工","纺织、化纤","钢铁",
                    "有色冶金","农业","林业","通信信息","广播电影电视","水文地质","水利工程","港口河海工程",
                    "生态建设和环境工程","市政公用工程","建筑","城市规划","综合经济","公路","铁路","城市轨道交通","民航","水电","核电","其他"]
            }
        },
        methods: {
            switchLoading(flag){
                this.loading = flag;
            },
            switchLoadingR(flag){
                this.loadingRepeat = flag;
            },
            _openEdit(record,authEdit) {
                this.authEdit = authEdit
                this.editFormVisible = true
                this.form = Object.assign({},record,{FContactsInfo:"",FProjectInfo:"",FTraceInfo:""})
            },
            _openAdd() {
                this.authEdit = true
                this.editFormVisible = true
                this.form = {FID:0,
                    FGrade2:[],
                    FGrade:"",
                    FIndustry:"",
                    F10000:"否",
                    FHeightEnergy:"否",
                    FGrade_1:"否",
                    FGrade_2:"否",
                    FGrade_3:"否",
                    FProviceID:450000,
                    FUserID:global.user.FID
                               }
            },
            save:function () {
                util.post("server/customer/Customer.ashx?cmd=Save",this.form,this.switchLoading,result=> {
                    util.msgSuc("保存成功")
                    this.editFormVisible = false
                    this.$emit("onSaveSuc",this.form)
                })
            },
            help(){
              this.vHelp = true
            },
            repeatShow(){
                if(!this.repeatContent){
                    this.vRepeat = false
                }
            },
            repeatHide(){
                this.repeatContent = ""
            },
            FNameChange(val){
                if(val){
                    //重复检测
                    util.get("server/customer/Customer.ashx?cmd=GetOptions", {FName: val}, null, result => {
                        if (result.options.length == 0) {
                            this.vRepeat = false
                        } else {
                            this.vRepeat = true
                            var s = [];
                            for (let item of result.options) {
                                s.push(item.FName)
                            }
                            this.repeatContent = s.join("<br>")
                        }
                    })
                }else {
                    this.vRepeat = false
                }
            }
        },
        mounted() {

        }
    }
</script>
